leftWidth = 100% 


.content
  a.on.t-o
    // font-size 20px
    // letter-spacing: 2px
  .pro-content
    padding: 20px 10px
.content-top
  width 100%
  .fr
    float: none
    width: 100%
    padding: 10px 10px 10px 10px
    text-align: center
    .tel
      font-size 24px
      color: #0766ac
      margin: 20px 0
      display: flex
      align-items: center
      justify-content: center
      i
        background: url("../images/tell.png") no-repeat center
        background-size: contain
        display: inline-block
        width: 50px
        height 50px
        margin-right: 10px
    a
      color #fff
      width 140px
      line-height 40px
      display inline-block
      background #0766ac
      background-image: linear-gradient(to top, #0766ac 0%, #3a95d7 100%);
      font-size 16px
      text-align: center
      font-weight: bold
      letter-spacing: 2px
      border-radius: 4px
      &+a
        margin-left: 40px
        background-image: linear-gradient(to right, #f9d423 0%, #f83600 100%);
    .jshao
      padding: 15px 5px  
      text-align: justify
      color: #333333
      font-size 15px 
      text-indent: 2em
      height: 233px;
      overflow-y: auto;
    h2
      text-align: center
      font-size 24px
      color: #ffffff
      border: 1px dashed #0766ac
      padding: 2px
      b
        line-height 40px
        display: block
        padding: 10px
        background-color: #0766ac
        text-shadow: 0 2px 2px rgba(0 ,0 ,0,.6 )
        background-image: linear-gradient(to top, #0766ac 0%, #42a1e8 100%);
  .fl
    width leftWidth 
    float: none

.content-images-box
  width 100%
  // border: 1px solid #0766ac
  padding: 2px
  .gallery-top
    position relative
    .d
      position absolute
      right 0
      bottom 8px
      z-index: 99
      width 25px
      height 25px
      background: url('../images/head-search.png') #0766ac no-repeat center
      background-size: 18px
      
    .swiper-slide
      height 307px
      margin-bottom 8px
      overflow hidden
      img
        width 100%
        height 100%
  .gallery-thumbs
    .swiper-slide
      height 71px
      overflow hidden
      img
        width 100%
        height 100% 

.form-panel
  background-color: #fff


  .content-images-box .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .content-images-box .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .gallery-top {
    height: 80%;
    width: 100%;
  }

  .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0 0;
  }

  .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.6;
  }

  .gallery-thumbs .swiper-slide-active {
    opacity: 1;
  }